<template>
<!--  v-model:modeValue 简写为v-model  可绑定多个v-model-->
  <child v-model='state.name' v-model:age="state.age"/>  
 
</template>

<script lang="ts" setup>
  // 引入子组件
  import child from './children-component.vue'
  import { reactive } from 'vue';
  const state = reactive({
    name: 'Jeremy',
    age:20
  })

</script>
<style scoped>
.my-box{
    display: flex;
}
  /* 支持CSS变量注入v-bind(color) */
</style>
